.billing-tree {
    min-height: 300px;
    border-radius: 5px;
    height: auto;
    padding: 0;
    max-height: 100%;
}

.inspection-header {
    height: 36px;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    color: #33475f;
    font-weight: bold;
    padding-top: 8px;
    margin: 0;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.billing-tree > header > span {
    height: 15px;
    padding-left: 10px;
}

.billing-tree > header > span > i {
    height: 15px;
}

.billing-tree > header > i {
    padding-right: 10px;
    padding-top: 2px;
    cursor: pointer;
    font-size: 15px;
    height: 15px;
    float: right;
}

.inspection-header > button {
    border: none;
    font-size: 12px;
    padding-top: 3px;
    height: 20px;
    float: right;
    margin-right: 20px;
    border-radius: 6px;
}

.billing-tree > nav ul.nav {
    height: auto;
}

.billing-tree ul.nav li a {
    height: 40px;
    padding: 12px 8px;
    color: #33475f;
    font-weight: bold;
    background-color: #e5e5e5;
}

.billing-tree a > span.icon {
    float: right;
    margin-top: 2px;
}

.billing-tree ul.nav.nav-second li a {
    background-color: #fff;
    padding-left: 20px;
}

.billing-tree ul.nav.nav-third li a {
    height: 30px;
    background-color: #fff;
    padding: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 40px;
}
.billing-leaf{

}
a.billing-leaf-selected {
    background-color: #e57e31 !important;
    color: #fff !important;
}
span.billing-leaf-selected{
    background-color: #e57e31 !important;
    color: #fff !important;
}
.arrow-rotate {
    -moz-animation: rotate 0.2s linear 0s 1 alternate;
    -webkit-animation: rotate 0.2s linear 0s 1 alternate;
    animation: rotate 0.2s linear 0s 1 alternate;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 6.5px 7px;
    transform-origin: 6.5px 7px;
}

.arrow-rotate-recover {
    -moz-animation: rotateRecover 0.2s linear 0s 1 alternate;
    -webkit-animation: rotateRecover 0.2s linear 0s 1 alternate;
    animation: rotateRecover 0.2s linear 0s 1 alternate;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 6px 7.5px;
    transform-origin: 6px 7.5px;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(90deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(90deg)
    }
}

@keyframes rotateRecover {
    0% {
        transform: rotate(90deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes rotateRecover {
    0% {
        transform: rotate(90deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.inspection-header > span {
    height: 15px;
    padding-left: 10px;
}

.inspection-header i {
    padding-right: 8px;
}

.inspection-body {
    min-height: 270px;
    border: 1px solid #e5e5e5;
    border-top: none;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 0 0 5px 5px;
    max-height: calc(100% - 100px);
    overflow-y: scroll;
}